<template>
  <div>
    <img class="img" :src="imgUrl" />
    <img class="img" :src="pageUrl" />
    <img class="img" :src="page2Url" />
  </div>
</template>
<script lang="ts">
import url from "../assets/images/logo.png";
import page from "../assets/images/page1.jpg";
import page2 from "../assets/images/page2.jpg";
import { Vue, Component } from "vue-property-decorator";
@Component({
  name: "Home"
})
export default class imgTemp extends Vue {
  imgUrl: any = url;
  pageUrl: any = page;
  page2Url: any = page2;
  // 生命周期
  created() {
    console.log(123, this.imgUrl);
  }
}
</script>

<style>
.img {
  max-width: 100%;
}
</style>
